/*==== Public css ====*/
html, body {font-size:12px;margin:0;padding:0;background:#DDD;color:#333;font-family:"Tahoma,Helvetica,Arial,sans-serif"}
h1,h2,h3,h4,h5,h6,form,dl,dd,dt,img,ul,li {margin:0;padding:0} ul,li {list-style:none} img,button {border:0;}

a, a:link {text-decoration:none;outline:none;color:#333;cursor:pointer} a:hover {color:#000;text-decoration:underline}
a img:hover{transform:scale(1.1)} a img{transition:transform 1s ease}
.none {display:none} .block {display:block} .clear {clear:both}

/*==== Header Footer Main css ====*/
.header, .headmenu {width:100%} .headmenu{background:#000;}

.headhome{margin:0 auto;position:relative;z-index:9;height:60px;padding:5px 0;} .search{position:absolute;right:0;top:20px} .search input{position:relative;height:28px;line-height:28px;border:#FFF solid 1px;padding:0 38px 0 10px;width:180px;border-radius:3px} .search button{right:1px;width:28px;cursor:pointer} .search button{position:absolute;z-index:1;height:28px;line-height:28px;border:0;top:1px;}
.logo{width:130px;height:60px;display:inline-block;background:url(../img/logo.jpg) no-repeat center;text-align:center;text-indent:-9999px}

.headnav{font-size:15px;height:40px;line-height:40px;margin:0 auto} .headnav li{float:left;margin:0 8px 0 -4px;text-align:center;height:40px;padding:0 15px} .headnav li:hover{background:#B50F0C;cursor:pointer;padding:0 15px} .headnav li.cknav{background:#B50F0C;}
.headnav a{background:url(../img/bg_menu.jpg) no-repeat right -1px;height:37px;color:#DDD;display:inline-block} .headnav a:last-child{background:none} .headnav a:hover{color:#FFF}
.headnav li span:nth-child(1){display:block;height:20px;line-height:32px} .headnav li span:nth-child(2){display:block;height:18px;line-height:18px;color:#888;font-size:14px}

.main {position:relative;padding:15px 0;margin:0 auto;background:#FFF;box-shadow:8px 0px 8px -8px rgba(0,0,0,0.3),-8px 0px 8px -8px rgba(0,0,0,0.3);min-height:500px;border:0;border-top:#DDD solid 1px;margin-bottom:12px;}

.head-title{margin:0 1px;position:relative} .head-title img {margin-left:10px}
.head-title .head-line{margin-top:6px;height:6px;display:block;background:#000;border-bottom:#999 solid 3px}

/*==== 面包屑 css ====*/
.breadtool {position:absolute;bottom:20px;right:15px} .breadtool .ui-breadcrumb, .breadtool .ui-breadcrumb a{color:#888!important} .breadtool .ui-breadcrumb a cite{color:#999} .breadtool .ui-breadcrumb a:hover{text-decoration:none;color:#999!important}

/*==== page css ====*/
#pages{text-align:center;padding:10px 0;}
.ui-laypage a, .ui-laypage span{background:#000!important;border:solid 1px #555!important;color:#FFF!important}

.footer {background:#fff;text-align:center;padding:10px 0} .footer p, .footer a{color:#999;height:28px;line-height:28px}
/*==== Ulink css ====*/
.ulink {margin:15px}
.ulink, .ulink a{color:#888} .ulink li{display:inline-block;margin-right:10px} .ulink li:first-child{margin:0}

/*==== common css ====*/
/* .main {padding:0 0 15px;margin:0 auto;clear:both} */
.mainbar {position:relative;background:#FFF} .corebar a:hover, .sidebar a:hover{color:#FFF} .corebar a, .sidebar a{color:#DDD} .sidebar a{color:#BBB}
.corebar {min-height:620px;margin-right:300px}
.sidebar {position:absolute;width:300px;right:0;top:0;overflow:hidden;}



/*==== Media Screen css ====*/
@media screen and (min-width: 1200px) {
	.main, .headhome, .headnav{width:1200px}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {

}
@media screen and (min-width: 768px) and (max-width: 991px) {

}
@media screen and (max-width: 767px) {

}